// import mixins 
@import "_mixins.less";

/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/

.wrap {
	max-width: 480px;
}
/*********************
HEADER STYLES
*********************/

.header {
    #inner-header {
        h1 {
            font-size: 20pt;
            margin-top:50px;
        }
        h2 {font-size: 14pt;}
    }
}

/*********************
NAVIGATION STYLES
*********************/

.nav {
	li {
        a {
			padding: 5px 10px;
		}
    }
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
	#inner-content {
        .text-center;
    }
}

/* entry content */
.entry-content {
			
	
	/* at this larger size, we can start to align images */
	.alignleft, img.alignleft { 
		margin-right: 1.5em; 
		display: inline; 
		float: left; 
	}
	.alignright, img.alignright { 
		margin-left: 1.5em; 
		display: inline; 
		float: right; 
	}
	.aligncenter, img.aligncenter { 
		margin-right: auto; 
		margin-left: auto; 
		display: block; 
		clear: both; 
	}
			
} /* end .entry-content */

/*********************
FOOTER STYLES
*********************/
	
/*
check your menus here. do they look good?
do they need tweaking?
*/
.footer-links {
	ul {
		li {}
	}
} /* end .footer-links */
			
